<template>
  <div class="index">
    <div class="title">
      <userTitle></userTitle>
    </div>
    <div class="contWrap">
      <router-view />
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
import UserTitle from '../base/userTitle/index'
export default {
  name: 'index',
  components: {
    UserTitle
  },
  data () {
    return {
    }
  }
}
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
@import '../../assets/stylus/index.styl'
.index
  width 100%
  height 100%
  min-width 1450px
  display flex
  flex 1
  flex-direction column
  .title
    height 48px
    width 100%
  .contWrap
    flex 1
    overflow auto
  ::-webkit-scrollbar
    width 8px
    display block
  ::-webkit-scrollbar-thumb
    border-radius 4px
    background RGBA(136, 136, 136, 0.1)
    &:hover
      background RGBA(136, 136, 136, 0.4)
</style>
